<template>
  <div class="welcome_container" :style="backgroundDiv">
    <h1>Welcome Thanks♪(･ω･)ﾉ</h1>
  </div>
</template>

<script>
export default {
  data() {
    return {
      backgroundDiv: {
        backgroundImage: 'url(' + require('@/assets/welcome1.jpeg') + ')',
        backgroundRepeat: 'no-repeat',
        backgroundSize: 'cover'
      }
    }
  }
}
</script>

<style lang="css" scoped>
.welcome_container {
  width: 100%;
  height: 100%;
  margin: -20px;
  padding: 20px;
}
.welcome_container h1 {
  color: coral;
  margin-top: 10%;
  font-size: 3rem;
  text-align: center;
}
</style>